<template>
  <!-- 轮播图组件 -->
    <div class="banner" >
      <!-- 调用vant轮播组件 -->
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
          <!-- 遍历渲染 -->
            <van-swipe-item v-for="item in baseStore.bannerList" :key="item.cat_id" >
                <van-image
                  radius="10"
                  :src="item.goods_thumb"       
                />
            </van-swipe-item>
        </van-swipe>
    </div>
</template>
<script setup lang="ts">
  import {userBaseStore} from '../../store';
  // 菠萝
  let baseStore = userBaseStore();



</script>
<style scoped lang="less">
  
  //设置轮播图内边距
  .banner{
    padding: 10px 0px;
    .van-swipe-item{
       padding: 0px 10px;
       box-sizing: border-box;
    }
  }
</style>